/* 
    Document   : login
    Created on : 23/11/2012, 04:15:23 PM
    Author     : Santi
    Description:
        Purpose of the stylesheet follows.
*/
/*@import url(animate.css);*/


/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{

   /*background-image: url(../images/madera.jpg);*/
    
    height: auto;
}

div.content{    
    width:280px; 
    margin:0 auto;
    margin-top: 40px;  
    background-color: #fff;
    

  /*  background: #b4cdcd;
    background: url(../images/noise.png),  -moz-linear-gradient(left,  #4f94cd 0%, #6ca6cd 100%);
    background: url(../images/noise.png), -webkit-gradient(linear, left top, right top, color-stop(0%,#4f94cd), color-stop(100%,#6ca6cd)); /* Chrome,Safari4+ */
   /* background: url(../images/noise.png), -webkit-linear-gradient(left,  #4f94cd 0%,#6ca6cd 100%); /* Chrome10+,Safari5.1+ */
    /*background: url(../images/noise.png), -o-linear-gradient(left,  #4f94cd 0%,#6ca6cd 100%); /* Opera 11.10+ */
    /*background: url(../images/noise.png),  -ms-linear-gradient(left,  #4f94cd 0%,#6ca6cd 100%); /* IE10+ */
    /*background: url(../images/noise.png), linear-gradient(to right,  #4f94cd 0%,#6ca6cd 100%); /* W3C */
     /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f94cd', endColorstr='#6ca6cd',GradientType=1 ); /* IE6-9 */

      /*background: #4f94cd; /* Old browsers */
    
    /*border: solid 8px #CCDCE3;*/
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    /*border: 20px solid rgba(80,80,80,0.2);*/
    border: 20px solid rgba(213, 156, 71, 0.19);
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 0px 50px;
    padding-top: 10px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
/*    -webkit-animation-name: bounceIn;
    -webkit-animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: bounceIn;
    -moz-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    animation-name: bounceIn;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;*/

}

div.logo{
    margin-bottom: 20px;
    margin-left: -40px;
    margin-right: -40px;
    text-align: center;

}

span.logo-text{
    margin-top: 10px;
    color: #ABD3DF;
    font-size: 30px;
    font-weight: bold;
    font-family: cursive;
}
div.alert{
    text-align:center;
}
div.keep-logged{
    padding:10px 0; 
}
div.keep-logged label{
    color: #999;
}
div.keep-logged input{
    margin-bottom: 6px;
}
div.form .rememberMe label
{
	display: inline;
}
div.form input
{
	height: 30px;
}
div.buttons a{
    color: #091743;
    padding-left: 30px;

}

div.logo#lower{
    background: #ecf2f5;


    padding-left: 40px;
    padding-right: -60px;

    text-align: justify;

}


div.form label {
font-weight: bold;
font-size: 0.9em;
display: block;
}
body{
    background: linear-gradient(to right, #CD9B4F 20%,#643F11 100%);
}

.btn-primary {
  color: #ffffff;
  border: none !important;
  border-radius: 0px !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #4D744D !important;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
 background-image: linear-gradient(to bottom, #2DA566, #4D744D) !important;
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #4D744D;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #4D744D \9;
}